<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/root.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-2.1.0.min.js"></script>

</head>
<body>
<div id="app">
    <div id="shortcut">
        <div class="width">
            <div>欢迎来到荣耀商城</div>
            <div>
                <a th:if="${not #strings.isEmpty(user)}" href="toLogin">
                    <span style="color: red;" th:text="${user.username}"></span>
                    <a href="loginOut">登录</a>
                </a>
                <a th:if="${#strings.isEmpty(user)}" href="toLogin">登录</a>
            </div>
        </div>
    </div>
    <div id="headContent">
        <div id="header" class="width">
            <div id="logo">

            </div>
            <div>
                <div id="search">
                    <input type="text" v-model="searchTxt">
                    <button id="search-btn" ><i class="iconfont">&#xe718;</i></button>
                </div>
                <div id="hotWords">
                </div>
            </div>
            <div id="QrCode">

            </div>
        </div>
        <div id="nav" class="width">
            <ul>
                <li><a href="#" style="color: red;">导航1</a></li>
                <li><a href="#">导航2</a></li>
                <li><a href="#">导航3</a></li>
                <li><a href="#">导航4</a></li>
            </ul>
        </div>
    </div>
    <div id="goodsShow" class="width">
        <h3>热卖商品</h3>
        <div id="goods" class="width">
            <div class="cargo" th:each="good:${goods}">
                <div> <span th:text=${good.goodName}></span> </div>
                <a th:href="@{'/goodDetail?id='+${good.id}}">
                    <img th:src="${good.path}">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- <script src="../js/index.js"></script> -->
<script>
//search-btn
$(document).ready(function(){

    $("#search-btn").click(function(){

    });

});
</script>
</body>
</html>